<%@ page isELIgnored ="false" pageEncoding="UTF-8" %> 
<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c" %>
<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>TP2</title>
		<link rel="stylesheet" type="text/css" href="styles.css" />
		
		<script language="javascript">
			var id;
			var ajaxRequest = createAjaxRequest();

			function createAjaxRequest() {
				if (typeof XMLHttpRequest != "undefined") {
					return new XMLHttpRequest();
				} 
				else if (window.ActiveXObject) {
					return new ActiveXObject("Microsoft.XMLHTTP");
				}
			}

			function cambiarLibro(nuevoId) {
				// Se guarda el id para referencia futura
				id = nuevoId;
				
				// Construye la URL
				var url = "detalleLibro?posicion=" + id;

				// Envía el pedido
				ajaxRequest.open("GET", url, true);
				ajaxRequest.onreadystatechange = updateLibro;
				ajaxRequest.send(null);
			}

			function updateLibro() {
			    if (ajaxRequest.readyState == 4) {
			        if (ajaxRequest.status == 200) {
						document.getElementById("libro").innerHTML = ajaxRequest.responseText;
			        }
			        else {
			        	alert("No se pudieron obtener los detalles del libro " + id + "\n" + 
			        	      "Por un error: " + ajaxRequest.status + ajaxRequest.statusText);
			        }
			    }
			}		
		</script>
	</head>

	<body>
		
		<h1> <img src="img/dragonball.jpg"/> </h1>
		
	</body>

</html>
